<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test title here</title>
	<link href="{{ STATIC_URL }}css/bootstrap.min.css" rel="stylesheet">
    <link href="{{ STATIC_URL }}css/style-metronic.css" rel="stylesheet">
    <link href="{{ STATIC_URL }}css/mystyle.css" rel="stylesheet">
    <link href="{{ STATIC_URL }}css/green.css" rel="stylesheet">
</head>
<body>
	<div class="header navbar navbar-default navbar-static-top no-scrolling-fixed">
        <div class="container">
            <div class="navbar-header">
                <!-- BEGIN RESPONSIVE MENU TOGGLER -->
                <button class="navbar-toggle btn navbar-btn" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <!-- END RESPONSIVE MENU TOGGLER -->
                <!-- BEGIN LOGO (you can use logo image instead of text)-->
                <a class="navbar-brand logo-v1" href="/">
                </a>
                <!-- END LOGO -->
            </div>
        
            <!-- BEGIN TOP NAVIGATION MENU -->
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li class="nav-item">
                            <a class="button"  href="/">主页</a>
                    </li>
                    <li class="nav-item">
                            <a class="button"  href="/archives">归档</a>
                    </li>
                    <li class="nav-item">
                            <a class="button"  href="/">专题</a>
                    </li>
                    <li class="nav-item">
                            <a class="button"  href="/about">关于我</a>
                    </li>
                    <li class="menu-search">
                    	<form class="navbar-form navbar-right">
           				 <input type="text" class="form-control" placeholder="Search...">
          				</form>
                    </li>
                </ul>                         
            </div>
            <!-- BEGIN TOP NAVIGATION MENU -->
        </div>
    </div>
    {% block content %}
     {% endblock %}
     <div class="blog-footer">
     		 <p>Blog template built for <a href="http://getbootstrap.com">Bootstrap</a> by <a href="https://twitter.com/mdo">@mdo</a>.</p>
      			<p>
        			<a href="#">Back to top</a>
     		 	</p>
    </div>
       <script type="text/javascript" src="{{ STATIC_URL }}js/jquery-1.7.2.min.js"></script>
       <script type="text/javascript" src="{{ STATIC_URL }}js/bootstrap.js"></script>
       <script type="text/javascript" src="{{ STATIC_URL }}js/app.js"></script>
        <script type="text/javascript">
        jQuery(document).ready(function() {
            App.init();                      
        });
    </script>

</body>
</html>